.jiaoz{
    width: 100vw;
    height: 100vh;
    background-color: #f2f2f2;
    .nav{
        width: 100vw;
        background-color: #ffffff;
    }
    .user{
        display: flex;
        justify-content: space-between;
        width: 80vw;
        height: 30px;
        background-color: #ffffff;
        margin-top: 10px;
        margin-left: 40px;
        border-radius: 50px;
    }
    

    .tab{
        width: 100vw;
        margin-top: 20px;
        .card{
            width: 300px;
            height: 180px;
            background-color: #ffffff;
            margin-left: 19px;
        }

        .card1{
            width: 300px;
            height: 190px;
            background-color: #ffffff;
            margin-left: 19px;
            .di{
                border-bottom: 2px solid #f2f2f2;
            }
        }

        .footer{
            display: flex;
            width: 100vw;
            background-color: #ffffff;
            margin-top: 80px;
            gap: 140px;
            .btn{
                margin-top: 10px;
            }
        }
    }
}
.liy {
  margin-top: 13px;
  width: 330px;
  height: 50px;
  margin-left: 18px;
  background-color: #e6f4ff;
  border-radius: 10px;
  .name {
    padding-top: 15px;
    margin-left: 10px;
    font-size: 14px;
  }
}